const chartDom_2 = document.getElementById('main-chart-2');
const myChart_2 = echarts.init(chartDom_2);
var salvProName = ['“三有”非公有制企业', '民营企业500强', '互联网企业100强', '专精特新小巨人企业', '上市企业', '独角兽企业'];

// 两组数据（示意用百分比）
var salvProValue = [90, 78, 45, 60, 85, 75];     // 党的工作覆盖进度（蓝绿色）
var salvProValue1 = [75, 63, 40, 55, 80, 65];    // 党组织覆盖进度（蓝色）

option = {
    // backgroundColor: '#001f3f',
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'shadow'
        },
        formatter: function (params) {
            let str = params[0].name + '<br/>';
            params.forEach(item => {
                str += item.marker + item.seriesName + ': ' + item.value + '%<br/>';
            });
            return str;
        }
    },
    legend: {
        data: ['党的工作覆盖进度', '党组织覆盖进度'],
        top: 10,
        right: 30,
        textStyle: {
            color: '#fff'
        }
    },
    grid: {
        left: '16%',
        right: '5%',
        bottom: '0%',
        top: '15%',
        containLabel: true
    },
    xAxis: {
        type: 'value',
        max: 100,
        axisLabel: {
            color: '#fff',
            formatter: '{value}'
        },
        splitLine: {show: false},  // ✅ 去除横向刻度线
        axisLine: {show: false, lineStyle: {color: '#ccc'}},
        axisTick: {show: false}    // ✅ 去除小短线（可选）
    },
    yAxis: {
        type: 'category',
        inverse: true,
        data: salvProName,
        axisLabel: {
            color: '#fff'
        },
        axisLine: {show: false},
        axisTick: {show: false}
    },
    series: [
        {
            name: '党的工作覆盖进度',
            type: 'bar',
            barWidth: 10,
            data: salvProValue,
            itemStyle: {
                color: '#00e5cf',
                barBorderRadius: 5
            },
            barGap: '30%', // 与下一个系列并排展示
            showBackground: true,
            backgroundStyle: {
                color: '#0B255B', // 建议使用半透明背景
                barBorderRadius: 10 // 与柱体相同的圆角设置
            }
        },
        {
            name: '党组织覆盖进度',
            type: 'bar',
            barWidth: 10,
            data: salvProValue1,
            itemStyle: {
                color: '#3399FF',
                barBorderRadius: 5
            },
            barGap: '30%', // 与下一个系列并排展示
            showBackground: true,
            backgroundStyle: {
                color: '#0B255B', // 建议使用半透明背景
                barBorderRadius: 10 // 与柱体相同的圆角设置
            }

        }
    ]
};

function myChart_2PieResize() {
    myChart_2.resize();
}

myChart_2.setOption(option);
